﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!doctype html>
<html>
	<head>
	<title><spring:message code="YYK-title-100013"/></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	<meta name="format-detection" content="telephone=no">
	<script type="text/javascript">
	;(function (doc, win) {
	    var docEl = doc.documentElement,
	      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	      recalc = function () {
	        var clientWidth = docEl.clientWidth;
	        var clientHeight = docEl.clientHeight;
	        if (!clientWidth) return;
	        if (clientWidth < clientHeight) {
	            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
	        }else{
	          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
	        }
	      };
	      recalc();
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window);
	</script>
	<link rel="stylesheet" type="text/css" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/settlement/settlement.js"></script>
	<style>
	@media only screen and (min-width: 320px) and (max-height:480px){
	   .srcollBox{height: 7.3rem}
	}
	@media only screen and (min-width: 320px) and (min-height:568px){
	   .srcollBox{height: 9rem}
	}
	@media only screen and (min-width: 375px){
	    .srcollBox{height: 8.4rem}
	}
	@media only screen and (min-width: 414px){
	   .srcollBox{height: 9rem}
	}
	</style>
	</head>

    <body>

<div class="wrap" onload="loaded()">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
			   <i class="icon iconfont">&#xe60a;</i>
		</div>
		<div class="headerTitle" >
			订单号：${userOrder.orderNumber }
		</div>
	</header>
	<div class="contentWrap">
		<div id="defaultAddress" class="addressComponent commonSubHeader">
			<div class="addressDetailBox">
				<div><span class="name" style="font-weight: bold;"id="recepientName">
							<spring:message code="YYK-20034" />: ${recepient.recepientName}
						</span>
						<span class="tel"style="font-weight: bold;padding-left:0.3rem"><spring:message code="YYK-20035" />: ${recepient.recepientTel}</span>
						</div>
						<div style="margin-top: 0.05rem !important;">
						<span class="addressDetail">
							${recepient.recepientProvinceName}
							${recepient.recepientCityName}
							${recepient.recepientAreaName}
							${recepient.recepientAddress}
						</span>
						<span class="emailNum">${recepient.recepientPostCode}</span>
						</div>
			</div>
		</div>
		<div style="height: 0.9rem;padding: 0.3rem 0.17rem 0.37rem 0.19rem;font-size: 0.26rem;box-sizing: border-box;    background: #fff;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;" 
			class="mts15">
			<div style="display: inline-block;width: 83%;">
					<p>
						<span style="padding-right:0.4rem;" >
							${recepient.recepientName}
						</span>
						<span>${recepient.recepientIdCard}</span>
					</p>
				</div>
		</div>
		<div class="srcollBox">
			<div id="wrapper">
				<div  id="scroller">
					<ul class="box-item-detail">
						<li>
								<div class="HWrapperBox">
								<div id="Hwrapper0" class="Hwrapper">
									<div id="Hscroller0" class="Hscroller"
										style="width: 536px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
										<c:if test="${!empty merchandiseList }">
										<ul>
											<c:forEach items="${merchandiseList }" var="mer" varStatus="merch">
											<li>
												<div class="settleImg">
													<img src="${static_server}${mer.merchandiseIcon}" alt="">
												</div>
												<div class="settleQuanlity">
													x<span>${mer.merchandiseQty}</span>
												</div>
											</li>
											</c:forEach>
										</ul>
										</c:if>
									</div>
								</div>
								<div class="totalQuanBox fr" onclick="window.location.href='${server}/userorder/showOrderMerchandises/${userOrder.orderId}'">
										共<span>${userOrder.totalQty}</span>件
										<div class="moreBtn">
											<i class="icon iconfont" >&#xe603;</i>
										</div>
								</div>
							</div>
						</li>
						<li class="logisticNum">
							<div class=" grayText">
									<spring:message code="YYK-20047" />:<i class="logisticNum">1234567</i>
									<div class="moreBtn fr">
									<i class="icon iconfont" id="express" >&#xe603;</i>
								</div>
								</div>
						</li>
						
					</ul>
					
					<div class="mts15 immediatePayTipsBox">
						<p class="productAccount"><spring:message code="YYK-20048" /> <span class="moneySpan">
						<fmt:formatNumber value="${userOrder.oldOrderPrice}" pattern="€0.00#" /></span></p>
						<p >
						<label class="carriage"><spring:message code="YYK-20020" /><span>
						<c:if test="${userOrder.orderFreightPrice+''=='0.00'}">
						<spring:message code="YYK-20055" />
						</c:if>
						<c:if test="${userOrder.orderFreightPrice+''!='0.00'}">
						<fmt:formatNumber value="${userOrder.orderFreightPrice}" pattern="€0.00#" />
						</c:if>
						
						</span></label>
						<%-- <label class="carriage"><spring:message code="YYK-20050" />：<span>
						<fmt:formatNumber value="${userOrder.orderFreightDiscountPrice}" pattern="€0.00#" /></span></label> --%>
						</p>
						<p class="productAccount"><spring:message code="YYK-20049" /><span class="redFontB">
						<fmt:formatNumber value="${userOrder.orderPrice}" pattern="€0.00#" /></span></p>
					</div>

				</div>
			</div>
		</div>			
	</div>
	<footer class="footerToFixed">
	</footer>
</div>
<input type="hidden" id="path" value="${server}"/>
<input type="hidden" id="shopId" value="${userOrder.shopId}"/>
</body>
</html>	
<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
<script type="text/javascript" >
var path;
var shopId;
$(document).ready(function(){
	path = $("#path").val();
	shopId = $("#shopId").val();
	$("#merditems").live("click",findItems)
	$("#express").live("click",findExpress)
});

function findItems(){
	window.location.href=path+"/merchandise/settlementItems/"+shopId;
}
function findExpress(){
	alert("暂不支持查询");
}
</script>